.container {
  background: #f0f0f0;
  .empty {
    text-align: center;
    color: #999;
    font-size: 26rpx;
    margin-top: 300rpx;
  }

  .titleBar {
    position: fixed;
    width: 100%;
    background: #fff;

    .searchBar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      color: #777;
      z-index: 3;
      padding: 0 30rpx;
      box-sizing: border-box;
      .searchBox {
        position: relative;
        height: 60rpx;
        background: #f0f0f0;
        z-index: 999;
        width: 80%;
        border-radius: 50rpx;
        margin-right: 30rpx;
        flex: 1;

        .searchInput {
          height: 60rpx;
          border-radius: 50rpx;
          border: 0;
          margin: 0 30rpx 0 70rpx;
          line-height: 48rpx;
          vertical-align: top;
          font-size: 28rpx;
          color: #333;
        }

        .icon {
          position: absolute;
          width: 32rpx;
          height: 32rpx;
          left: 20rpx;
          top: 14rpx;
          display: block;
        }
      }

      .btnSearch {
        font-size: 28rpx;
        right: 30rpx;
        top: 31rpx;
        color: #333;
      }
      .search-list-img {
        width: 40rpx;
        height: 40rpx;
        font-size: 0;
        image {
          width: 100%;
          height: 100%;
        }
      }
    }

    .tabs {
      width: 100%;
      height: 60rpx;
      line-height: 60rpx;
      padding: 10rpx 0;
      z-index: 999;
      &::after {
        content: '';
        background-color: #e1e1e1;
        left: 0;
        height: 1px;
        transform-origin: 50% 100% 0;
        bottom: 0;
        position: absolute;
        display: block;
        width: 100%;
      }
      .tab-item {
        display: inline-block;
        width: 33.33%;
        text-align: center;
        font-size: 28rpx;
      }
      .tab-item.on {
        color: #e02e2e;
      }
    }
  }

  .column1 {
    padding-left: 12rpx;
    .item {
    }
  }

  .list {
    padding-top: 150rpx;
    min-height: calc(100vh - 150rpx);
    .column2 {
      // padding: 0 20rpx 20rpx 20rpx;
      .item {
        position: relative;
        display: flex;
        justify-content: flex-start;
        padding: 20rpx;
        background: #fff;
        margin-bottom: 20rpx;
        box-shadow: 0 16rpx 32rpx 0 rgba(7, 17, 27, 0.05);

        .icon {
          width: 200rpx;
          height: 200rpx;
          flex-shrink: 0;
          .pic {
            width: 100%;
            height: 100%;
          }
        }

        .content {
          width: auto;
          margin-left: 30rpx;
          padding-bottom: 10rpx;
          display: flex;
          flex-direction: column;
          justify-content: center;

          .goodsName {
            margin: 0;
            font-size: 28rpx;
            overflow: hidden;
            margin-bottom: 12rpx;
            display: -webkit-box;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }

          .describe {
            font-size: 22rpx;
            color: #999;
            // white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }

          .price {
            font-size: 32rpx;
            margin-top: 24rpx;
            font-weight: bold;
            color: #e02e2e;
          }
        }
      }
    }
  }
}
